{% extends "base.html" %}
{% from "macros.html" import render_pagination %}

{% block title %}Home{% endblock %}

{% block head %}
<div class="jumbotron">
  <div class="container">
    <h1>JOBPLUS</h1>
    <p>领先的互联网求职、招聘平台</p>
  </div>
</div>
{% endblock %}

{% block body %}
<ul class="nav nav-tabs list-title">
  <li role="presentation" class="active"><a href="#">最新职位</a></li>
</ul>

<div class="newest-job-list">
  <div class="col-sm-6 col-md-4">
    <div class="job-box">
       <div class="caption">
          <b>Python爬虫工程师  [2天前发布]</b>
          <p>经验1-3年 本科</p>
          <span class="label label-default">午餐补助</span>
          <span class="label label-default">带薪年假</span>
          <span class="label label-default">绩效奖金</span>
        </div>
        <hr>
        <div class="media">
          <div class="media-left">
            <a href="#">
            <img class="media-object" src="https://static.lagou.com/thumbnail_200x200/i/image/M00/52/38/CgpEMll1iSeAOgfwAABEKfzbiWA625.png" width="40" height="40" alt="...">
            </a>
           </div>
           <div class="media-body"><h4 class="media-heading">Media heading</h4>火球科技</div>
         </div>
      </div>
  </div>
  <div class="col-sm-6 col-md-4">
    <div class="job-box">
       <div class="caption">
          <b>Python爬虫工程师  [2天前发布]</b>
          <p>经验1-3年 本科</p>
          <span class="label label-default">午餐补助</span>
          <span class="label label-default">带薪年假</span>
          <span class="label label-default">绩效奖金</span>
        </div>
        <hr>
        <div class="media">
          <div class="media-left">
            <a href="#">
            <img class="media-object" src="https://static.lagou.com/thumbnail_200x200/i/image/M00/52/38/CgpEMll1iSeAOgfwAABEKfzbiWA625.png" width="40" height="40" alt="...">
            </a>
           </div>
           <div class="media-body"><h4 class="media-heading">Media heading</h4>火球科技</div>
         </div>
      </div>
  </div>
  <div class="col-sm-6 col-md-4">
    <div class="job-box">
       <div class="caption">
          <b>Python爬虫工程师  [2天前发布]</b>
          <p>经验1-3年 本科</p>
          <span class="label label-default">午餐补助</span>
          <span class="label label-default">带薪年假</span>
          <span class="label label-default">绩效奖金</span>
        </div>
        <hr>
        <div class="media">
          <div class="media-left">
            <a href="#">
            <img class="media-object" src="https://static.lagou.com/thumbnail_200x200/i/image/M00/52/38/CgpEMll1iSeAOgfwAABEKfzbiWA625.png" width="40" height="40" alt="...">
            </a>
           </div>
           <div class="media-body"><h4 class="media-heading">Media heading</h4>火球科技</div>
         </div>
      </div>
  </div>
  <div class="col-sm-6 col-md-4">
    <div class="job-box">
       <div class="caption">
          <b>Python爬虫工程师  [2天前发布]</b>
          <p>经验1-3年 本科</p>
          <span class="label label-default">午餐补助</span>
          <span class="label label-default">带薪年假</span>
          <span class="label label-default">绩效奖金</span>
        </div>
        <hr>
        <div class="media">
          <div class="media-left">
            <a href="#">
            <img class="media-object" src="https://static.lagou.com/thumbnail_200x200/i/image/M00/52/38/CgpEMll1iSeAOgfwAABEKfzbiWA625.png" width="40" height="40" alt="...">
            </a>
           </div>
           <div class="media-body"><h4 class="media-heading">Media heading</h4>火球科技</div>
         </div>
      </div>
  </div>
  <div class="col-sm-6 col-md-4">
    <div class="job-box">
       <div class="caption">
          <b>Python爬虫工程师  [2天前发布]</b>
          <p>经验1-3年 本科</p>
          <span class="label label-default">午餐补助</span>
          <span class="label label-default">带薪年假</span>
          <span class="label label-default">绩效奖金</span>
        </div>
        <hr>
        <div class="media">
          <div class="media-left">
            <a href="#">
            <img class="media-object" src="https://static.lagou.com/thumbnail_200x200/i/image/M00/52/38/CgpEMll1iSeAOgfwAABEKfzbiWA625.png" width="40" height="40" alt="...">
            </a>
           </div>
           <div class="media-body"><h4 class="media-heading">Media heading</h4>火球科技</div>
         </div>
      </div>
  </div>
  <div class="col-sm-6 col-md-4">
    <div class="job-box">
       <div class="caption">
          <b>Python爬虫工程师  [2天前发布]</b>
          <p>经验1-3年 本科</p>
          <span class="label label-default">午餐补助</span>
          <span class="label label-default">带薪年假</span>
          <span class="label label-default">绩效奖金</span>
        </div>
        <hr>
        <div class="media">
          <div class="media-left">
            <a href="#">
            <img class="media-object" src="https://static.lagou.com/thumbnail_200x200/i/image/M00/52/38/CgpEMll1iSeAOgfwAABEKfzbiWA625.png" width="40" height="40" alt="...">
            </a>
           </div>
           <div class="media-body"><h4 class="media-heading">Media heading</h4>火球科技</div>
         </div>
      </div>
  </div>
  <div class="col-sm-6 col-md-4">
    <div class="job-box">
       <div class="caption">
          <b>Python爬虫工程师  [2天前发布]</b>
          <p>经验1-3年 本科</p>
          <span class="label label-default">午餐补助</span>
          <span class="label label-default">带薪年假</span>
          <span class="label label-default">绩效奖金</span>
        </div>
        <hr>
        <div class="media">
          <div class="media-left">
            <a href="#">
            <img class="media-object" src="https://static.lagou.com/thumbnail_200x200/i/image/M00/52/38/CgpEMll1iSeAOgfwAABEKfzbiWA625.png" width="40" height="40" alt="...">
            </a>
           </div>
           <div class="media-body"><h4 class="media-heading">Media heading</h4>火球科技</div>
         </div>
      </div>
  </div>
  <div class="col-sm-6 col-md-4">
    <div class="job-box">
       <div class="caption">
          <b>Python爬虫工程师  [2天前发布]</b>
          <p>经验1-3年 本科</p>
          <span class="label label-default">午餐补助</span>
          <span class="label label-default">带薪年假</span>
          <span class="label label-default">绩效奖金</span>
        </div>
        <hr>
        <div class="media">
          <div class="media-left">
            <a href="#">
            <img class="media-object" src="https://static.lagou.com/thumbnail_200x200/i/image/M00/52/38/CgpEMll1iSeAOgfwAABEKfzbiWA625.png" width="40" height="40" alt="...">
            </a>
           </div>
           <div class="media-body"><h4 class="media-heading">Media heading</h4>火球科技</div>
         </div>
      </div>
  </div>
  <div class="col-sm-6 col-md-4">
    <div class="job-box">
       <div class="caption">
          <b>Python爬虫工程师  [2天前发布]</b>
          <p>经验1-3年 本科</p>
          <span class="label label-default">午餐补助</span>
          <span class="label label-default">带薪年假</span>
          <span class="label label-default">绩效奖金</span>
        </div>
        <hr>
        <div class="media">
          <div class="media-left">
            <a href="#">
            <img class="media-object" src="https://static.lagou.com/thumbnail_200x200/i/image/M00/52/38/CgpEMll1iSeAOgfwAABEKfzbiWA625.png" width="40" height="40" alt="...">
            </a>
           </div>
           <div class="media-body"><h4 class="media-heading">Media heading</h4>火球科技</div>
         </div>
      </div>
  </div>
</div>

<p class="list-more">
<a href="#" class="btn btn-success btn-lg list-more-btn">查看更多</a>
</p>

<ul class="nav nav-tabs list-title">
<li role="presentation" class="active"><a href="#">最新公司</a></li>
</ul>

<div class="newest-company-list">
  <div class="col-sm-6 col-md-3 company-item">
    <div class="thumbnail">
        <img src="https://static.lagou.com/thumbnail_200x200/i/image/M00/52/38/CgpEMll1iSeAOgfwAABEKfzbiWA625.png" width="100" height="100" alt="...">
        <div class="caption">
        <h3>火球科技</h3>
        <p>移动互联网 不需要融资</p>
    </div>
    <hr>
    <p>在招职位：3</p>
    </div>
  </div>
  <div class="col-sm-6 col-md-3 company-item">
    <div class="thumbnail">
        <img src="https://static.lagou.com/thumbnail_200x200/i/image/M00/52/38/CgpEMll1iSeAOgfwAABEKfzbiWA625.png" width="100" height="100" alt="...">
        <div class="caption">
        <h3>火球科技</h3>
        <p>移动互联网 不需要融资</p>
    </div>
    <hr>
    <p>在招职位：3</p>
    </div>
  </div>
  <div class="col-sm-6 col-md-3 company-item">
    <div class="thumbnail">
        <img src="https://static.lagou.com/thumbnail_200x200/i/image/M00/52/38/CgpEMll1iSeAOgfwAABEKfzbiWA625.png" width="100" height="100" alt="...">
        <div class="caption">
        <h3>火球科技</h3>
        <p>移动互联网 不需要融资</p>
    </div>
    <hr>
    <p>在招职位：3</p>
    </div>
  </div>
  <div class="col-sm-6 col-md-3 company-item">
    <div class="thumbnail">
        <img src="https://static.lagou.com/thumbnail_200x200/i/image/M00/52/38/CgpEMll1iSeAOgfwAABEKfzbiWA625.png" width="100" height="100" alt="...">
        <div class="caption">
        <h3>火球科技</h3>
        <p>移动互联网 不需要融资</p>
    </div>
    <hr>
    <p>在招职位：3</p>
    </div>
  </div>
  <div class="col-sm-6 col-md-3 company-item">
    <div class="thumbnail">
        <img src="https://static.lagou.com/thumbnail_200x200/i/image/M00/52/38/CgpEMll1iSeAOgfwAABEKfzbiWA625.png" width="100" height="100" alt="...">
        <div class="caption">
        <h3>火球科技</h3>
        <p>移动互联网 不需要融资</p>
    </div>
    <hr>
    <p>在招职位：3</p>
    </div>
  </div>
  <div class="col-sm-6 col-md-3 company-item">
    <div class="thumbnail">
        <img src="https://static.lagou.com/thumbnail_200x200/i/image/M00/52/38/CgpEMll1iSeAOgfwAABEKfzbiWA625.png" width="100" height="100" alt="...">
        <div class="caption">
        <h3>火球科技</h3>
        <p>移动互联网 不需要融资</p>
    </div>
    <hr>
    <p>在招职位：3</p>
    </div>
  </div>
  <div class="col-sm-6 col-md-3 company-item">
    <div class="thumbnail">
        <img src="https://static.lagou.com/thumbnail_200x200/i/image/M00/52/38/CgpEMll1iSeAOgfwAABEKfzbiWA625.png" width="100" height="100" alt="...">
        <div class="caption">
        <h3>火球科技</h3>
        <p>移动互联网 不需要融资</p>
    </div>
    <hr>
    <p>在招职位：3</p>
    </div>
  </div>
  <div class="col-sm-6 col-md-3 company-item">
    <div class="thumbnail">
        <img src="https://static.lagou.com/thumbnail_200x200/i/image/M00/52/38/CgpEMll1iSeAOgfwAABEKfzbiWA625.png" width="100" height="100" alt="...">
        <div class="caption">
        <h3>火球科技</h3>
        <p>移动互联网 不需要融资</p>
    </div>
    <hr>
    <p>在招职位：3</p>
    </div>
  </div>
</div>

<p class="list-more">
<a href="#" class="btn btn-success btn-lg list-more-btn">查看更多</a>
</p>
{% endblock %}
